/** TODO this can be cleaned up, LESSified, and minimized **/

/* just commit to showing the scroll on the right.  otherwise looks funny when
   navbar is resized horizonally when vertical scroll appears */
html {
    overflow-y: scroll;
}

/** this allows us to display nothing until angular has applied changes to the dom
    without this we see what the dom wants to display first, and then get an update
    within milliseconds once angular is finished. -- it's the "funny flicker effect"
 **/
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

/** supports mail/messaging feature **/
.mailSection:hover {
    background-color: green;
    color: white;
}

.mailSection .unreadMail {
    color: white;
}

.mailDropdown, hr {
    margin: 0px;
}

.mailText {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px;
}

.mailSection {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.mailDropdown {
    border-bottom-color: rgb(233, 233, 233);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: rgb(51, 51, 51);
    border-top-style: none;
    border-top-width: 0px;
    color: rgb(51, 51, 51);

    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    left: 0px;
    width: 352px;
}

/** **
supports grid feature
**/

/******** Grid Global ********/

.ngPagerControl .ngPagerButton {
    /** pagination buttons are pushed down 10px... fix that here... **/
    margin-top: -10px;

    /** and a little space in between  **/
    margin-left: 2px;
    margin-right: 2px;
}

.nglabel {
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 5px;
}

.ngNoSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** better position ngGrid cell contents **/
.ngCell div {
    margin-top: 5px;
    margin-left: 5px;
}

/******** Grid ********/

.gridStyle {
    border: 1px solid rgb(212, 212, 212);
    /* width: none !important; */
    height: 420px;
}

.ngGrid {
    background-color: rgb(253, 253, 253);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/******** Header ********/

.ngGroupPanel {
    background-color: rgb(234, 234, 234);
    overflow: hidden;
    border-bottom: 1px solid rgb(212, 212, 212);
}

.ngGroupPanelDescription {
    margin-top: 5px;
    margin-left: 5px;
}

.ngGroupList {
    list-style-type: none;
}

/******** Footer ********/
.ngFooterPanel {
    /** height: 30px !important; **/
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 678px; 
    height: 160px;
    margin-top: 10px;
}

.smallGrid {
    width: auto;
    height: 160px;
}

.modelGrid {
    width: 444px; 
    height: 160px;
}


.ngCell div{
	margin-top: 0px;
	margin-left: 0px;
}

.ngGridCustomFooter {
  background-color: #eaeaea;
  padding: 5px;
  margin: 0px;
  border: 1px solid #d4d4d4;
  width: auto;
  border-top: transparent;
}


.ngGridCustomFooter input{
	margin-top: 10px;;
}

.control-group {
margin-left: 15px;
}

.tab-content{
	margin-top: -21px;
	padding-top: 21px;
	border: 1px solid #ddd;
	border-top: transparent;
	padding-bottom: 15px;
}

.button-bar{
    margin-top: 30px;
}

.topMargin{
    margin-top: 10px;
}

.ngGridCustomFooter select{
    margin: 0px;
}

.container {
    width: 1300px !important;
}

.noLeftMargin {
    margin-left: 0px !important;
}

.orderGrid{
    position: absolute;
    bottom: 230px;
    top: 130px;
    left:0px;
    right:0px;
    border: 1px solid rgb(212,212,212);
    margin-top: 10px;
}

.orderAdd{
    position: absolute;
    bottom: 50px;
}


